<template>
  <el-dialog
    @close="cancel"
    :title="title"
    :visible.sync="open"
    width="1400px"
    class="dialogClass"
    append-to-body
  >
    <template slot="title">
      <div class="modalTitle">
        <img
          src="@/assets/bluelogo/drawerTitle.png"
          alt=""
          class="titleLogo"
        />{{ title }}
      </div>
    </template>
    <div v-for="(item, index) in peopleList" :key="index">
      <el-row>
        <el-col :span="1">
          <div class="indexClass">{{ index + 1 }}</div></el-col
        ><el-col :span="21">
          <el-form
            :ref="'form' + index"
            :model="item"
            :rules="item.rules"
            size="small"
            label-width="135px"
          >
            <el-row>
              <el-col :span="8">
                <el-form-item label="案件名称" prop="caseId">
                  <el-select
                    :disabled="item.isSave"
                    v-model.trim="item.caseId"
                    filterable
                    placeholder="请选择案件名称"
                    clearable
                    class="caseSelect"
                  >
                    <el-option
                      v-for="item in item.cases"
                      :key="item.id"
                      :label="item.caseName"
                      :value="item.id"
                    >
                    </el-option> </el-select></el-form-item></el-col
              ><el-col :span="8">
                <el-form-item label="涉案人员姓名" prop="name">
                  <el-input
                    :disabled="item.isSave"
                    v-model.trim="item.name"
                    placeholder="请输入涉案人员姓名"
                    :maxlength="50"
                    clearable
                  ></el-input> </el-form-item></el-col
              ><el-col :span="8">
                <el-form-item label="身份证号" prop="zjh">
                  <el-input
                    :disabled="item.isSave"
                    v-model.trim="item.zjh"
                    placeholder="请输入身份证号"
                    :maxlength="50"
                    clearable
                  >
                  </el-input> </el-form-item></el-col
            ></el-row>
            <div v-show="item.showFlag">
              <el-row>
                <el-col :span="8">
                  <el-form-item label="联系方式" prop="tel">
                    <el-input
                      :disabled="item.isSave"
                      v-model.trim="item.tel"
                      placeholder="请输入涉案人联系方式"
                      :maxlength="50"
                      clearable
                    >
                    </el-input> </el-form-item
                ></el-col>
                <el-col :span="16">
                  <el-form-item label="户籍地址" prop="residenceAddress">
                    <el-input
                      :disabled="item.isSave"
                      v-model.trim="item.residenceAddress"
                      placeholder="请输入涉案人户籍地址"
                      :maxlength="50"
                      clearable
                    >
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-form-item label="居住地所属区域" prop="liveAddress">
                  <el-row :gutter="24" class="oucodeList">
                    <el-col :span="7">
                      <el-form-item
                        label-width="0"
                        label=""
                        prop="oucodeList[0]"
                      >
                        <DictionarySelect
                          :disabled="item.isSave"
                          class="selectFirst"
                          placeholder="请选择省"
                          source="xzqhbm"
                          v-model="item.oucodeList[0]"
                        />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item
                        label-width="0"
                        label=""
                        prop="oucodeList[1]"
                      >
                        <DictionarySelect
                          class="selectSecond"
                          :disabled="item.isSave"
                          placeholder="请选择市"
                          :source="item.oucodeList[0]"
                          v-model="item.oucodeList[1]"
                        />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item
                        label-width="0"
                        label=""
                        prop="oucodeList[2]"
                      >
                        <DictionarySelect
                          class="selectThird"
                          :disabled="item.isSave"
                          placeholder="请选择区县"
                          :source="item.oucodeList[1]"
                          v-model="item.oucodeList[2]"
                        />
                      </el-form-item>
                    </el-col>
                  </el-row> </el-form-item
              ></el-row>
              <el-row
                ><el-form-item label="居住地址" prop="liveAddress">
                  <el-input
                    :disabled="item.isSave"
                    v-model.trim="item.liveAddress"
                    placeholder="请输入涉案人居住地址"
                    :maxlength="50"
                    clearable
                  >
                  </el-input> </el-form-item
              ></el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item
                    label="判决损失金额(元)"
                    prop="personJudgmentLossAmount"
                  >
                    <el-input
                      :disabled="item.isSave"
                      oninput="value=value.replace(/[^0-9.]/g,'')"
                      v-model="item.personJudgmentLossAmount"
                      placeholder="请输入判决损失金额"
                    >
                    </el-input> </el-form-item></el-col
                ><el-col :span="12">
                  <el-form-item
                    label="认定发放金额(元)"
                    prop="personConfirmedPaymentAmount"
                  >
                    <el-input
                      :disabled="item.isSave"
                      oninput="value=value.replace(/[^0-9.]/g,'')"
                      v-model.trim="item.personConfirmedPaymentAmount"
                      placeholder="请输入认定发放金额"
                      :maxlength="50"
                      clearable
                    >
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="收款方式" prop="collectionWay">
                    <el-select
                      :disabled="item.isSave"
                      class="selectClass"
                      v-model="item.collectionWay"
                      placeholder="请选择收款方式"
                    >
                      <el-option
                        v-for="item in dict.type.collection_way"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="收款账号" prop="collectionNumber">
                    <el-input
                      :disabled="item.isSave"
                      v-model="item.collectionNumber"
                      placeholder="请输入收款账号"
                      :maxlength="30"
                    >
                    </el-input> </el-form-item></el-col
              ></el-row>
            </div>
          </el-form>
          <div class="operation">
            <!-- <el-button
              class="searchButton2"
              :icon="item.showFlag == true ? 'el-icon-top' : 'el-icon-bottom'"
              @click="showAll(item)"
              >详情</el-button
            > -->
            <img
              src="@/assets/images/topArrower.png"
              alt=""
              @click="showAll(item)"
              v-if="item.showFlag == true"
              class="arrow1"
            />
            <img
              src="@/assets/images/topArrower.png"
              alt=""
              @click="showAll(item)"
              v-else
              class="arrow2 is-active"
            />
          </div>
        </el-col>
        <el-col :span="2">
          <div class="saveDeleteGroup">
            <!-- <el-button @click="save(item, index)" class="searchButton1">{{
              item.buttonContent
            }}</el-button> -->
            <el-button class="resetButton1" @click="deletePerson(item, index)"
              >删除</el-button
            >
          </div>
        </el-col></el-row
      >
      <el-divider></el-divider>
    </div>
    <div slot="footer">
      <div class="dialog-footer">
        <el-button @click="cancel" class="resetButton">取消</el-button>
        <el-button
          class="searchButton"
          @click="submitForm"
          :loading="buttonLoading"
          >确定</el-button
        >
      </div>
    </div>
  </el-dialog>
</template>
<script>
import {
  MODALTYPE,
  MODALIMG,
  CASEDEFAULTSTATE,
} from "../../../../utils/variable";
import DictionarySelect from "@/layout/components/dictionnary/DictionarySelect.vue";
import {
  addConfirmPeople,
  getDetail,
  editCasePerson,
  judgmentDup,
  judgmentLoss,
  judgmentConfirmed,
  batchInsert,
} from "@/api/peopleConfirm/peopleConfirm";
import { onlyNumber } from "@/utils/commonMethods";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
  name: "importModal",
  inheritAttrs: false,
  dicts: ["collection_way"],
  components: { Treeselect, DictionarySelect },
  props: {
    modalType: {
      type: String,
      require: true,
    },
    id: {
      type: Number,
    },
    personList: {
      type: Array,
    },
  },
  data() {
    //证件号重复校验
    var zjhNumber = (rule, value, callback) => {
      if (!value) {
        callback(new Error("身份证号不能为空"));
      } else {
        const reg =
          /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$)/;
        const card = reg.test(value);
        if (!card) {
          callback(new Error("身份证号格式错误！"));
        } else {
          callback();
          //如果有相同证件号的情况下，保存caseId,进行校验
          // let tmpCaseId = "";
          // this.personList.forEach((el) => {
          //   if (el.zjh == value) {
          //     tmpCaseId = el.caseId;
          //   }
          // });
          // let params = {
          //   caseId: tmpCaseId,
          //   zjh: value,
          // };
          // judgmentDup(params.zjh, params.caseId).then((response) => {
          //   console.log(response);
          //   if (response === false) {
          //     callback(new Error("该人员案款确认信息已存在！"));
          //   } else {
          //     callback();
          //   }
          // });
        }
      }
    };
    // var JudgmentLossAmountValidate = (rule, value, callback) => {
    //   // console.log(item);
    //   if (!value) {
    //     callback(new Error("判决损失金额不能为空"));
    //   } else {
    //     let newListLength = new Set(this.personList.map((item) => item.caseId))
    //       .size;
    //     let listLength = this.personList.length;
    //     if (listLength > newListLength) {
    //       this.$message.warning("表单中存在重复案件，请确认并重新填写！");
    //     }
    //   }
    // };
    return {
      peopleList: [],
      isDisabled: false,
      // 弹出层标题
      title: "批量导入",
      temCaseName: "",
      temRulingBookNumber: "",
      // 部门树选项
      buttonLoading: false,
      // 是否显示弹出层
      open: false,
      error: "EWQEQWE",
      formData: {
        caseName: "",
        rulingBookNumber: "",
        executeNumber: "",
        bm: "",
        involvedPeople: "",
        needMoney: "",
        introduction: "",
        judgmentLossAmount: "",
        confirmedPayment: "",
        recoveryLoss: "",
        involvedMoney: "",
      },
      rules: {
        zjh: [
          {
            required: true,
            validator: zjhNumber,
            trigger: "blur",
          },
        ],
        tel: [
          { required: true, message: "请输入手机号码", trigger: "blur" },
          {
            validator: function (rule, value, callback) {
              if (/^1[34578]\d{9}$/.test(value) == false) {
                callback(new Error("请输入正确的手机号"));
              } else {
                callback();
              }
            },
            trigger: "blur",
          },
        ],
        liveAddress: [
          {
            required: true,
            message: "请输入居住地址",
            trigger: "blur",
          },
        ],
        caseId: [
          {
            required: true,
            message: "请输入案件名称",
            trigger: "change",
          },
        ],
        "oucodeList[0]": [
          {
            required: true,
            message: "请输入省",
            trigger: "change",
          },
        ],
        "oucodeList[1]": [
          {
            required: true,
            message: "请输入市",
            trigger: "change",
          },
        ],
        "oucodeList[2]": [
          {
            required: true,
            message: "请输入县",
            trigger: "change",
          },
        ],
        name: [
          {
            required: true,
            // validator: checkRulingBookNumber,
            message: "请输入涉案人员姓名",
            trigger: "blur",
          },
        ],
        collectionWay: [
          {
            required: false,
            message: "请选择收款方式",
            trigger: "change",
          },
        ],
        personJudgmentLossAmount: [
          {
            required: true,
            message: "请输入判决损失金额",
            trigger: "blur",
          },
        ],
        personConfirmedPaymentAmount: [
          {
            required: true,
            message: "请输入认定发放金额",
            trigger: "blur",
          },
        ],
        collectionNumber: [
          {
            required: false,
            message: "请输入收款账号",
            trigger: "blur",
          },
        ],
      },
    };
  },
  inject: ["getList"],
  computed: {},
  watch: {
    //监听personList，如果有值，打开模态框
    personList: {
      handler(value) {
        console.log(value);
        if (value.length !== 0) {
          //为每条数据增加showFlag，控制是否显示隐藏，默认显示
          this.peopleList = value;
          this.personList.forEach((el) => {
            this.$set(el, "rules", this.rules);
          });

          console.log(this.peopleList);
          this.open = true;
        }
      },
      immediate: true,
    },
  },
  created() {},
  mounted() {},
  methods: {
    onlyNumber,
    // 取消按钮
    cancel() {
      this.buttonLoading = false;
      this.$emit("update:personList", []);
      this.open = false;
    },
    //每个表单保存按钮，是否通过校验，没通过校验无法保存，通过校验保存
    // save(item, index) {
    //   let form = "form" + index;
    //   //动态添加判决损失金额校验规则
    //   const personJudgmentLossAmountValidate = (rule, value, callback) => {
    //     //判断是否有重复案件下的重复的人,如果存在同身份证同案件的情况，计算表单中所有的金额总额去校验
    //     if (!value) {
    //       callback(new Error("判决损失金额为空，请确认输入"));
    //     } else {
    //       let personJudgmentLossAmountSum = 0;
    //       this.personList.forEach((el) => {
    //         if (el.caseId == item.caseId) {
    //           personJudgmentLossAmountSum =
    //             el.personJudgmentLossAmount * 1 +
    //             personJudgmentLossAmountSum * 1;
    //         }
    //       });
    //       let params = {
    //         money: personJudgmentLossAmountSum,
    //         caseId: item.caseId,
    //       };
    //       judgmentLoss(params.money, params.caseId).then((response) => {
    //         if (response === false) {
    //           callback(new Error("判决损失金额已超过案件剩余判决损失金额"));
    //         } else {
    //           callback();
    //         }
    //       });
    //     }
    //   };
    //   const personJudgmentLossAmountnewRule = [
    //     this.rules.personJudgmentLossAmount,
    //     {
    //       validator: personJudgmentLossAmountValidate,
    //       trigger: "blur",
    //     },
    //   ];
    //   this.rules = Object.assign({}, this.rules, {
    //     personJudgmentLossAmount: personJudgmentLossAmountnewRule,
    //   });
    //   console.log(this.rules);
    //   //动态添加认定金额校验规则
    //   const personConfirmedPaymentAmountValidate = (rule, value, callback) => {
    //     //判断是否有重复案件下的重复的人,如果存在同身份证同案件的情况，计算表单中所有的金额总额去校验
    //     if (!value) {
    //       callback(new Error("认定金额为空，请确认输入"));
    //     } else {
    //       let sum = 0;
    //       this.personList.forEach((el) => {
    //         if (el.caseId == item.caseId) {
    //           sum = el.personConfirmedPaymentAmount * 1 + sum * 1;
    //         }
    //       });
    //       let params = {
    //         money: sum,
    //         caseId: item.caseId,
    //       };
    //       judgmentConfirmed(params.money, params.caseId).then((response) => {
    //         if (response === false) {
    //           callback(new Error("认定金额已超过案件剩余认定金额"));
    //         } else {
    //           callback();
    //         }
    //       });
    //     }
    //   };
    //   const newRule = [
    //     this.rules.personConfirmedPaymentAmount,
    //     {
    //       validator: personConfirmedPaymentAmountValidate,
    //       trigger: "blur",
    //     },
    //   ];
    //   this.rules = Object.assign({}, this.rules, {
    //     personConfirmedPaymentAmount: newRule,
    //   });
    //   console.log(this.rules);
    //   setTimeout(() => {
    //     this.$refs[form][0].validate((valid) => {
    //       if (valid) {
    //         if (item.buttonContent == "保存") {
    //           console.log(123);
    //           item.buttonContent = "编辑";
    //           item.isSave = true;
    //           item.showFlag = false;
    //         } else {
    //           console.log(321);
    //           item.buttonContent = "保存";
    //           item.isSave = false;
    //           item.showFlag = true;
    //         }
    //       } else {
    //         return;
    //       }
    //     });
    //   }, 200);
    // },
    // 表单重置
    reset() {
      this.formData = {
        caseName: "",
        rulingBookNumber: "",
        executeNumber: "",
        caseState: "",
        bm: undefined,
        involvedPeople: "",
        payedPeople: "",
        payedMoney: "",
        needMoney: "",
        introduction: "",
        judgmentLossAmount: "",
        confirmedPayment: "",
        recoveryLoss: "",
        involvedMoney: "",
      };
      this.resetForm("form");
    },
    //通过每一个表单在循环中的index进行删除
    deletePerson(item, index) {
      let number = index;
      this.personList.forEach((element, index) => {
        if (index == number) {
          this.personList.splice(number, 1);
        }
      });
    },
    //展开，隐藏
    showAll(item) {
      console.log(item.showFlag);
      item.showFlag = !item.showFlag;
      // item.isActive = !item.isActive;
    },

    /** 提交按钮 */
    submitForm() {
      let peopleList = [];
      let submitFlag = false;
      this.personList.forEach((el, index) => {
        let form = "form" + index;
        this.$refs[form][0].validate((valid) => {
          if (valid) {
            peopleList.push(el);
          } else {
            submitFlag = true;
            return;
          }
        });
      });
      if (submitFlag) {
        this.$modal.msgWarning("表单中存在未完成信息，请确认后重新输入！");
      } else {
        let params = { caseConfirmImportDTOList: peopleList };
        batchInsert(params)
          .then(() => {
            this.submitLoading = false;
            this.$modal.msgSuccess("新增成功");
            this.getList();
            this.open = false;
            this.resetForm("form");
            // this.tableData.splice(0, this.tableData.length);
            this.$emit("update:personList", []);
          })
          .catch(() => {});
      }
      // let submitFlag = false;
      // console.log(this.personList);
      // this.personList.forEach((el) => {
      //   if (el.buttonContent == "保存") {
      //     submitFlag = true;
      //   }
      // });
      // if (submitFlag == true) {
      //   this.$message.warning("当前表单存在未保存确认信息，请确认后再提交！");
      // } else {
      //   this.submitLoading = true;
      //   let peopleList = [];
      //   this.personList.forEach((el) => {
      //     peopleList.push(el);
      //   });
      //   let TPaymentDTO = {
      //     // caseId: this.formData.caseId,
      //     peopleList: peopleList,
      //   };
      //   //发请求
      //   addPayment(TPaymentDTO)
      //     .then(() => {
      //       this.submitLoading = false;
      //       this.$modal.msgSuccess("新增成功");
      //       this.open = false;
      //       this.$emit("getList");
      //       this.resetForm("form");
      //       // this.tableData.splice(0, this.tableData.length);
      //       this.$emit("update:personList", []);
      //     })
      //     .catch(() => {});
      // }
      // let submitFlag = false;
      // this.personList.forEach((el) => {
      //   if (el.isSave == false) {
      //     submitFlag = true;
      //   }
      // });
      // if (submitFlag == true) {
      //   this.$message.warning("当前表单存在未保存确认信息，请确认后再提交！");
      // } else {
      //   //先利用ES6语法Set将数组去重，之后再原数组比较长度，若长度小于原数组，则说明数组有重复值
      //   let newListLength = new Set(
      //     this.personList.map((item) => item.caseId && item.zjh)
      //   ).size;
      //   let listLength = this.personList.length;
      //   if (listLength > newListLength) {
      //     this.$message.warning("表单中存在重复确认信息，请确认并重新填写！");
      //   } else {
      //     this.buttonLoading = true;
      //     let params = { caseConfirmImportDTOList: this.personList };
      //     batchInsert(params).then((response) => {
      //       this.buttonLoading = false;
      //       this.$emit("update:personList", []);
      //       this.getList();
      //       this.$modal.msgSuccess("新增成功");
      //       this.open = false;
      //     });
      //   }
      // }
    },
  },
};
</script>
<style lang="scss" scoped>
@import "../../../../assets/styles/dialog.scss"; //模态框样式

::v-deep.treeselect {
  font-size: 12px !important;
  font-family: $font-family !important;
  font-weight: $form-label-font-weight !important;
}

.iconClass {
  color: #4f7ff8;
  font-size: 30px;
  position: absolute;
  top: 8px;
  margin-left: 10px;
}
::v-deep.el-form-item .el-form-item__error {
  width: 85px !important;
}
.personDialogClass {
  ::v-deep .el-dialog__body {
    padding: 10px 30px 10px 30px !important;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 650px !important;
    max-height: 700px;
  }
  ::v-deep.el-dialog:not(.is-fullscreen) {
    margin-top: 3vh !important;
  }
}
.noButton {
  border: 0.1rem solid #598af9;
  height: 3.8rem;
  width: 81px;
  border-radius: 0.2rem;
  margin-right: 1rem;
  font-size: 1.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  letter-spacing: 0;
  color: #598af9;
  line-height: 1rem;
  letter-spacing: 0px;
  background: white;
}
.yesButton {
  width: 81px;
  border: 0px;
  height: 39px;
  background: $form-button-background-color;
  border-radius: 3px;
  font-size: $form-button-font-size;
  margin-right: 10px;
  font-family: $font-family;
  font-weight: $form-button-font-weight;
  letter-spacing: 0;
  color: #fefbfb;
  line-height: 10px;
  letter-spacing: 2px;
}
.addButton {
  width: 81px;
  border: 0px;
  height: 39px;
  background: $form-button-background-color;
  border-radius: 3px;
  font-size: $form-button-font-size;
  margin-right: 10px;
  font-family: $font-family;
  font-weight: $form-button-font-weight;
  letter-spacing: 0;
  color: #fefbfb;
  line-height: 10px;
  letter-spacing: 2px;
}
.trueButton {
  width: 120px;
  border: 0px;
  height: 39px;
  background: $form-button-background-color;
  border-radius: 3px;
  font-size: $form-button-font-size;
  margin-right: 10px;
  font-family: $font-family;
  font-weight: $form-button-font-weight;
  letter-spacing: 0;
  color: #fefbfb;
  line-height: 10px;
  letter-spacing: 2px;
}
.delButton {
  border: 0.1rem solid #598af9;
  height: 38px;
  width: 120px;
  border-radius: 3px;
  margin-right: 10px;
  font-size: $form-button-font-size;
  font-family: $font-family;
  font-weight: $form-button-font-weight;
  letter-spacing: 0;
  color: #598af9;
  line-height: 10px;
  letter-spacing: 2px;
  background: white;
}
.indexClass {
  margin-top: 17px;
  margin-left: 30px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border: 1px solid #2a92ed;
  border-radius: 4px;
  color: #2a92ed;
  font-size: 14px;
  font-family: DengXian;
  font-weight: 400;
}
.personAdd {
  margin-top: 15px;
  .operationButton {
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: space-between;
    vertical-align: middle;
  }
}
::v-deep.el-form-item {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.operation {
  padding-top: 5px;
  width: 100%;
  display: flex;
}
.caseSelect {
  width: 180px !important;
}
.selectClass {
  width: 100% !important;
}
.addressSelect {
  margin-right: 20px !important;
}
.saveDeleteGroup {
  display: flex;
  margin-left: 50px;
}
// .personDialogClass {
//   ::v-deep.el-dialog__body {
//     padding-right: 25px !important;
//   }
// }
::v-deep.el-form-item .el-form-item__error {
  width: 100% !important;
}
.arrow1 {
  width: 35px;
  height: 30px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  cursor: pointer;
}
.arrow2 {
  width: 35px;
  height: 30px;
  position: absolute;
  bottom: -23px;
  left: 50%;
  cursor: pointer;
}
.is-active {
  transform: rotate(180deg);
}
.border {
  width: 1145px;
  height: 1px;
  margin-top: 3px;
  background-color: #d1d1d1;
}
.searchButton1 {
  margin-top: 15px;
  width: 60px;
  height: 30px;
  background: #598af9;
  border-radius: 4px;
  font-weight: 700;
  margin-right: 10px;
  font-family: Microsoft YaHei;
  letter-spacing: 2px;
  color: #fefbfb;
  border: 0px;
}
.searchButton2 {
  margin-left: 500px;
  width: 60px;
  height: 30px;
  font-size: 14px;
  background: #598af9;
  border-radius: 4px;
  margin-right: 10px;
  font-weight: 700;
  font-family: Microsoft YaHei;
  letter-spacing: 2px;
  color: #fefbfb;
  border: 0px;
}
.zjhInput {
  width: 240px;
}
.resetButton1 {
  margin-top: 15px;
  border: 1px solid #598af9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  width: 60px;
  height: 30px;
  background: #fff;
  font-family: Microsoft YaHei;
  color: #598af9;
  letter-spacing: 2px;
}
.saveDeleteGroup {
  display: flex;
  margin-left: 50px;
}
.oucodeList {
  ::v-deep .el-form-item {
    margin: 0 !important;
  }
}
//省
.selectFirst {
  width: 340px !important;
  margin-left: -13px !important;
}
//市
.selectSecond {
  width: 340px !important;
  margin-left: 30px !important;
}
//区县
.selectThird {
  width: 330px !important;
  margin-left: 30px !important;
}
</style>
